<template>
 <view class="container ">   
 <view class="flex   flex-wrap diygw-col-24  justify-between  flex4-clz">  
  <view class="flex diygw-col-3  avatar-clz"> 
   <view class="diygw-avatar  sm  white  radius   "> 
    <text class="diy-icon-back_android"></text> 
   </view> 
  </view>  
  <view class="flex diygw-col-0"> 
   <view class="diygw-avatar  sm  white  radius   "> 
    <text class="diy-icon-exit"></text> 
   </view> 
  </view> 
 </view>   
 <view class="flex    diygw-col-24  justify-around  flex-nowrap  flex8-clz">  
  <view class="flex diygw-col-0  justify-center"> 
   <view v-for="(item,index) in business.data.data.businessList.tx" :key="index" class="diygw-avatar  xs    radius   bg-none"> 
    <image mode="aspectFit" class="diygw-avatar-img radius" src="/static/b177f8bbae1c9b1d9b9954849c8e0b88.jpg"></image> 
   </view> 
  </view>   
  <view class="flex    diygw-col-24  flex-direction-column  justify-start  flex-wrap  flex10-clz">   
   <view class="flex   flex-wrap diygw-col-0  flex15-clz">  
    <view class="   diygw-col-0  text11-clz ">
      {{business.data.data.businessList.userName}} 
    </view>  
    <view class="   diygw-col-0 ">
      已帮扶5家企业 
    </view> 
   </view>   
   <view class="flex   flex-wrap diygw-col-0  flex18-clz">  
   
    <view class="   diygw-col-0 ">
      {{business.data.data.businessList.busName}} 
    </view> 
   </view>   
   <view class="flex   flex-wrap diygw-col-0  flex22-clz">  
    <view class="   diygw-col-0  text30-clz ">
      管理时长： 
    </view>  
    <view class="   diygw-col-0 ">
      {{business.data.data.businessList.manageTime}} 
    </view> 
   </view>   
   <view class="flex   flex-wrap diygw-col-0  flex25-clz">  
    <view class="   diygw-col-0  text34-clz ">
      资金评分： 
    </view>  
    <view class="   diygw-col-0 ">
      9 
    </view> 
   </view> 
  </view>   
  <view class="flex    diygw-col-0  justify-end  items-end  flex-nowrap  flex28-clz">  
   <view class="flex diygw-col-0  justify-end  avatar8-clz"> 
    <view class="diygw-avatar  xs    radius   "> 
     <text class="diy-icon-commentfill"></text> 
    </view> 
   </view>  
   <view class="   diygw-col-0  text38-clz ">
     256 
   </view> 
  </view> 
 </view>   
 <view class="flex   flex-wrap diygw-col-24  flex-direction-column  flex1-clz">  
  <view class="   diygw-col-24  text1-clz ">
    {{business.data.data.businessList.busdesc}} 
  </view>   
  <view class="flex   flex-wrap diygw-col-24  justify-start  flex2-clz">  
   <view class="   diygw-col-0  text3-clz ">
     联系方式： 
   </view>  
   <view class="   diygw-col-0  text4-clz ">
     {{business.data.data.businessList.userName}} 
   </view>  
   <view class="   diygw-col-0  text5-clz ">
     {{business.data.data.businessList.userPhone}} 
   </view> 
  </view>   
  <view class="flex   flex-wrap diygw-col-24  justify-start  flex3-clz">  
   <view class="   diygw-col-0  text7-clz ">
     企业营业执照： 
   </view>  
   <view class="   diygw-col-0  text9-clz ">
     {{business.data.data.businessList.busCard}} 
   </view> 
  </view> 
 </view>  
 <view class="   diygw-col-24  text6-clz  text-grey">
   帮扶企业评论 
 </view>   
 <view v-for="(item,index) in business.data.data.businessList.businessCommentList" :key="index" class="flex   flex-wrap diygw-col-24  justify-between  flex24-clz">  
  <view class="flex diygw-col-0"> 
   <view class="diygw-list       "> 
    <view @tap="navigateTo" data-type="page" data-url="/pages/xiangmuxiangqing" :data-id_="item.id_" style=" " class="diygw-item col-100 row   solid-bottom    "> 
     <view  class="diygw-avatar     "> 
      <image mode="aspectFit" class="diygw-avatar-img " :src="item.picture_"></image> 
     </view> 
     <view class="content"> 
      <view class="title">
       {{item.userName}}
      </view> 
      <view class="text-sm remark">
        {{item.content}} 
      </view> 
     </view> 
    </view> 
   </view> 
  </view> 
 </view>  
 <view class="   diygw-col-24  text2-clz  text-orange">
   创业者感谢金 
 </view>   
 <view v-for="(item,index) in business.data.data.businessList.businessTippingList" :key="index" class="flex    diygw-col-24  justify-between  items-center  flex-nowrap  flex6-clz">  
  <view class="   diygw-col-0  text12-clz ">
    {{item.userName}} 
  </view>  
  <view class="   diygw-col-0  text14-clz ">
    {{item.price}} 
  </view> 
 </view>  
 <view class="   diygw-col-24  text10-clz ">
   更多创业者感谢信息 
 </view>   
 <view class="flex    diygw-col-24  justify-around  flex-nowrap  flex13-clz">   
  <view class="flex   flex-wrap diygw-col-0  justify-start  flex20-clz">  
   <view class="flex diygw-col-0  avatar2-clz"> 
    <view class="diygw-avatar    white  radius   "> 
     <text class="diy-icon-weunblock"></text> 
    </view> 
   </view>  
   <view class="   diygw-col-0  text23-clz ">
     关注 
   </view> 
  </view>  
  <view class="flex diygw-col-11  justify-end  button3-clz"> 
   <button  @tap="navigateTo" data-type="page" data-url="/pages/youxuanxiangmuliebiao" class="diygw-btn orange  radius   flex1 margin-xs  button3-button-clz"> 在线咨询 </button> 
  </view> 
 </view>   
 <view class="clearfix"></view> 
</view>
</template>

<script>
 //create by: 邓志锋 <280160522@qq.com> <https://www.diygw.com> DIYGW可视化设计一键生成源码
 export default {
  data() {
   return {
    //用户全局信息
    userInfo:{},
    business:{
    "code": "200",
    "data": {
        "data": {
            "businessList": {
                "tx": "[{\"id\":\"435397981432184833\",\"name\":\"OIP-C.jpg\"}]",
                "userPhone": "123",
                "busName": "企业家3",
                "id": "435397994697457665",
                "busType": "制造业",
                "userName": "用户3",
                "busCard": "[{\"id\":\"435397984996818945\",\"name\":\"商业计划书.doc\"}]",
                "busResource": "3",
                "status": "审核通过"
            }
        },
        "initData": {
            "businessList": {
                "businessHelp": {
                    "busId": "",
                    "busName": "",
                    "projectName": "",
                    "projectId": ""
                },
                "businessTipping": {
                    "busId": "",
                    "price": "",
                    "busName": "",
                    "userName": "",
                    "userId": ""
                },
                "businessComment": {
                    "busId": "",
                    "commentDate": "",
                    "businessName": "",
                    "comment": "",
                    "userName": "",
                    "userId": ""
                },
                "businessList": {
                    "tx": "",
                    "userPhone": "",
                    "busName": "",
                    "manageTime": "",
                    "busType": "",
                    "busdesc": "",
                    "userName": "",
                    "busCard": "",
                    "busResource": "",
                    "status": ""
                },
                "businessScore": {
                    "busId": "",
                    "resource": "",
                    "busName": "",
                    "experience": "",
                    "userName": "",
                    "cash": "",
                    "userId": ""
                }
            }
        },
        "permission": {
            "businessList": {
                "businessHelp": {
                    "busId": "r",
                    "busName": "r",
                    "projectName": "r",
                    "projectId": "r"
                },
                "businessTipping": {
                    "busId": "r",
                    "price": "r",
                    "busName": "r",
                    "userName": "r",
                    "userId": "r"
                },
                "businessComment": {
                    "busId": "r",
                    "commentDate": "r",
                    "businessName": "r",
                    "comment": "r",
                    "userName": "r",
                    "userId": "r"
                },
                "businessList": {
                    "tx": "r",
                    "userPhone": "r",
                    "busName": "r",
                    "manageTime": "r",
                    "busType": "r",
                    "busdesc": "r",
                    "userName": "r",
                    "busCard": "r",
                    "busResource": "r",
                    "status": "r"
                },
                "businessScore": {
                    "busId": "r",
                    "resource": "r",
                    "busName": "r",
                    "experience": "r",
                    "userName": "r",
                    "cash": "r",
                    "userId": "r"
                }
            }
        },
        "tablePermission": {
            "businessList": {
                "businessHelp": "r",
                "businessTipping": "r",
                "businessComment": "r",
                "businessList": "r",
                "businessScore": "r"
            }
        }
    },
    "isOk": true
},
   }
  },
  onShow(){
   this.setCurrentPage(this)
   
  },
  onLoad(option) {
   this.setCurrentPage(this)
   if (option) {
    this.setData({
     globalOption: this.getOption(option)
    })
   }
   
   this.init();
  },
  methods:{
   async init(){
    await this.businessApi()
   },
   // 企业家详情 API请求方法
   async businessApi(){
    let business = await this.$http.post('https://agent.diygw.com/',{
     url:'/form/formDefData/getData',
     method:'post',
     headers: {
      'Content-Type':'application/x-www-form-urlencoded',
     },
     'key':        'business_list'
,
     'id':        this.globalOption.id||'435397994697457665'
,
     'isReadOnly':        true

    },{
     'Content-type': 'application/json',
    },'json');
    this.business = business
   },
  }
 }
</script>

<style  lang="scss" scoped>
 .avatar-clz{font-weight:bold;font-size:16px}.flex8-clz{border:1px solid #eee ;padding-top:0px;border-bottom-left-radius:6px;padding-left:0px;padding-bottom:0px;border-top-right-radius:6px;margin-right:5px;margin-left:5px;box-shadow:0px 1px 3px  rgba(31, 31, 31, 0.16);overflow:hidden;width:calc(100.0% - 5px - 5px) !important;border-top-left-radius:6px;margin-top:5px;border-bottom-right-radius:6px;margin-bottom:5px;padding-right:0px}.flex10-clz{margin-left:15px;width:calc(100.0% - 15px - 5px) !important;margin-top:5px;margin-bottom:5px;margin-right:5px}.text11-clz{font-weight:bold}.text21-clz{font-weight:bold}.text30-clz{font-weight:bold}.text34-clz{font-weight:bold}.avatar8-clz{margin-left:5px;background-size:100% 100%;margin-top:15px;margin-bottom:5px;margin-right:0px}.text38-clz{margin-left:5px;margin-top:5px;margin-bottom:10px;margin-right:5px}.flex1-clz{border:1px solid #eee ;padding-top:5px;border-bottom-left-radius:6px;padding-left:5px;padding-bottom:5px;border-top-right-radius:6px;margin-right:5px;margin-left:5px;box-shadow:0px 1px 3px  rgba(31, 31, 31, 0.16);overflow:hidden;width:calc(100.0% - 5px - 5px) !important;border-top-left-radius:6px;margin-top:5px;border-bottom-right-radius:6px;margin-bottom:5px;padding-right:5px}.text1-clz{margin-left:5px;padding-top:0px;padding-left:0px;width:calc(100.0% - 5px - 5px) !important;padding-bottom:50px;margin-top:5px;margin-bottom:5px;margin-right:5px;padding-right:0px}.text3-clz{margin-left:10px;font-size:13px;margin-top:5px;margin-bottom:5px;margin-right:5px}.text4-clz{margin-left:5px;margin-top:5px;margin-bottom:5px;margin-right:5px}.text5-clz{margin-left:20px;margin-top:7px;margin-bottom:5px;margin-right:5px}.text7-clz{margin-left:10px;font-size:13px;margin-top:5px;margin-bottom:5px;margin-right:5px}.text9-clz{margin-left:5px;margin-top:5px;margin-bottom:5px;margin-right:5px}.text6-clz{padding-top:0px;border-bottom-left-radius:6px;font-weight:bold;padding-left:0px;font-size:15px;padding-bottom:0px;border-top-right-radius:6px;font-style:italic;margin-right:5px;margin-left:5px;overflow:hidden;width:calc(100.0% - 5px - 5px) !important;border-top-left-radius:6px;margin-top:5px;border-bottom-right-radius:6px;margin-bottom:5px;padding-right:0px}.flex24-clz{border:1px solid #5b9ba4 ;border-bottom-left-radius:6px;border-top-right-radius:6px;margin-right:5px;margin-left:5px;box-shadow:0px 1px 3px  rgba(31, 31, 31, 0.16);overflow:hidden;flex:1;width:calc(100.0% - 5px - 5px) !important;border-top-left-radius:6px;margin-top:10px;border-bottom-right-radius:6px;margin-bottom:5px}.text2-clz{padding-top:0px;border-bottom-left-radius:6px;padding-left:0px;font-size:17px;padding-bottom:10px;border-top-right-radius:6px;border-bottom:2px solid #eee ;margin-right:5px;margin-left:5px;overflow:hidden;width:calc(100.0% - 5px - 5px) !important;border-top-left-radius:6px;margin-top:15px;border-bottom-right-radius:6px;margin-bottom:5px;padding-right:0px}.flex6-clz{border:1px solid #eee ;padding-top:0px;border-bottom-left-radius:6px;padding-left:0px;padding-bottom:0px;border-top-right-radius:6px;margin-right:5px;margin-left:5px;box-shadow:0px 1px 3px  rgba(31, 31, 31, 0.16);overflow:hidden;width:calc(100.0% - 5px - 5px) !important;border-top-left-radius:6px;margin-top:5px;border-bottom-right-radius:6px;margin-bottom:5px;padding-right:0px}.text12-clz{margin-left:5px;padding-top:12px;padding-left:0px;font-size:15px;padding-bottom:0px;margin-top:15px;margin-bottom:5px;text-align:right;margin-right:5px;padding-right:0px}.text14-clz{margin-left:5px;padding-top:12px;padding-left:0px;font-size:15px;padding-bottom:0px;margin-top:15px;margin-bottom:5px;text-align:right;margin-right:5px;padding-right:0px}.text10-clz{margin-left:5px;padding-top:0px;padding-left:0px;width:calc(100.0% - 5px - 5px) !important;font-size:13px;padding-bottom:0px;margin-top:8px;font-style:italic;margin-bottom:5px;text-align:center;margin-right:5px;padding-right:0px}.avatar2-clz{margin-left:20px;margin-top:5px;margin-bottom:5px;margin-right:5px}.text23-clz{padding-top:19px;padding-left:0px;padding-bottom:0px;padding-right:0px}.button3-clz{margin-left:30px;padding-top:6px;padding-left:0px;width:calc(45.8333333333% - 30px - 5px) !important;padding-bottom:0px;margin-top:5px;margin-bottom:5px;margin-right:5px;padding-right:0px}        .button3-button-clz{
               margin:3px !important;
        }.container{
      padding-left: 0px;
      padding-right: 0px;
      
      
      
      
      
      font-size:12px;
      
  }.container{


  }
</style>


